.leftBar {
  height: 100%;
  background-color: #F9FAFB;
  overflow: hidden;
}

.tabs {
  height: 100%;
}

.tabs :global(.ant-tabs-nav-wrap) {
  flex: none !important;
}

.tabs :global(.ant-tabs-nav) {
  @apply pl-4 bg-[#F1F1F1] !py-0 !my-0 !pl-1;

  &::after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #D5D8DB;
  }
}

.tabs :global(.ant-tabs-nav-wrap) {
  @apply h-[28px] pt-[2px];
}

.tabs :global(.ant-tabs-tab) {
  @apply h-[26px] px-[16px] !py-[5px] !rounded-t-[4px] !border-transparent !bg-transparent;
}

.tabs :global(.ant-tabs-tab-btn) {
  @apply text-[12px] text-black;
}

.tabs :global(.ant-tabs-tab-active) {
  @apply text-white !bg-[#464681];
}

.tabs :global(.ant-tabs-tab-remove) {
  @apply text-black;
}

.tabs :global(.ant-tabs-tab-active .ant-tabs-tab-remove) {
  @apply text-white;
}

.tabs :global(.ant-tabs-tab-active .ant-tabs-tab-btn) {
  @apply bg-transparent !text-transparent !text-white;
}